/*
Link
*/
:host([disabled]),
:host([loading]) {
  pointer-events: none;
  opacity: .7;
}

.an-link {
  position: relative;
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  cursor: pointer;
  /* 默认样式 */
  font-size: var(--an-font-size);
  color: var(--an-color-text-primary);
  background-color: transparent;
  border: none;
}

.an-link::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 0;
  bottom: 0;
  border-bottom: 1px solid transparent;
  transition: border 0.2s linear;
}

.an-link:hover::after {
  border-bottom-color: currentColor;
}

/* 颜色 */
.an-link[data-type="primary"] {
  color: var(--an-color-primary);
}

.an-link[data-type="success"] {
  color: var(--an-color-success);
}

.an-link[data-type="warning"] {
  color: var(--an-color-warning);
}

.an-link[data-type="danger"] {
  color: var(--an-color-danger);
}

/* 大小 */
.an-link[data-size="small"] {
  font-size: var(--an-font-size-small);
}

.an-link[data-size="large"] {
  font-size: var(--an-font-size-large);
}

.an-link an-icon-loading {
  margin-right: 5px;
  font-size: 1.1em;
  position: relative;
  top: 1px;
}